<template>
    <div class="detailProducts">
        <template>
            <el-table
            :data="productsData"
            style="width: 100%">
            <el-table-column
                prop="name"
                label="价格来源"
                width="350">
            </el-table-column>
            <el-table-column
                prop="bestType"
                label="低价房型"
                width="500">
            </el-table-column>
            <el-table-column
                label="最低价格/每晚">
                <template slot-scope="scope">
                    <span style="color: orange;font-size: 17px">￥{{ scope.row.price }}</span>&nbsp;起
                </template>
            </el-table-column>
            </el-table>
        </template>
    </div>
</template>

<script>
export default {
    props:{
        productsData: {
            type: Array,
            default: []
        }   
    }
}
</script>

<style scoped lang="less">
    .detailProducts{
        margin-top: 40px;
    }
</style>